import React, { Component } from 'react';
import {Switch, Route, NavLink} from 'react-router-dom'
import Samll1 from './Samll1'
import Samll2 from './Samll2'
import Samll3 from './Samll3'

class Big extends Component {
  render() {
    return (
      <div>
        <p>我是固定的头部</p>
        <NavLink to="/big/small1">small1</NavLink>
        <NavLink to="/big/small2">small2</NavLink>
        <NavLink to="/big/small3">small3</NavLink>
        <Switch>
          <Route path="/big/small1" exact component={Samll1}></Route>
          <Route path="/big/small2" component={Samll2}></Route>
          <Route path="/big/small3" component={Samll3}></Route>
        </Switch>
      </div>
    );
  }
}

export default Big;
